<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/elements/list.php -->
<div class="ui relaxed divided list" style="font-size: 14px">
	<div class="item">
		<i class="large github middle aligned icon"></i>
		<div class="content">
			<a class="header">Semantic-Org/Semantic-UI</a>
			<div class="description">Updated 10 mins ago</div>
		</div>
	</div>
	<div class="item">
		<i class="large github middle aligned icon"></i>
		<div class="content">
			<a class="header">Semantic-Org/Semantic-UI-Docs</a>
			<div class="description">Updated 22 mins ago</div>
		</div>
	</div>
	<div class="item">
		<i class="large github middle aligned icon"></i>
		<div class="content">
			<a class="header">Semantic-Org/Semantic-UI-Meteor</a>
			<div class="description">Updated 34 mins ago</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	//项监听
	$('.relaxed .item').click(function(){
		console.log($(this).index());
	});
</script>
